<!DOCTYPE html>

<!--
Copyright 2017 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<html lang="en">
<head>

<script>
//  philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build
window.ga = window.ga || function() {
  (ga.q = ga.q || []).push(arguments);
};
ga('create', 'UA-33848682-1', 'auto');
ga('set', 'transport', 'beacon');
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>

<meta charset="utf-8">
<meta name="description" content="Simplest possible examples of HTML, CSS and JavaScript.">
<meta name="author" content="//samdutton.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta itemprop="name" content="simpl.info: simplest possible examples of HTML, CSS and JavaScript">
<meta itemprop="image" content="/images/icons/icon192.png">
<meta id="theme-color" name="theme-color" content="#fff">

<link rel="icon" href="/images/icons/icon192.png">

<base target="_blank">


<title>Web Audio with RTCPeerConnection</title>

<link rel="stylesheet" href="../css/main.css">

<style>
audio {
	margin: 0 0 20px 0;
}
button {
  margin: 0 20px 0 0;
  width: 83px;
}
p#gettingAudio {
	color: red;
}
</style>

</head>

<body>

<div id="container">

<h1><a href="../index.html" title="simpl.info home page">simpl.info</a> Web Audio with RTCPeerConnection</h1>


<audio id="audio" controls autoplay></audio>

<div>
	<button id="call" disabled>Call</button>
	<button id="hangup" disabled>Hang Up</button>
  <button id="drum" disabled>Drum</button>
	<p id="gettingAudio">Getting audio...</p>
</div>

<p>An audio source provided by WebAudio is encoded and transmitted via PeerConnection, then played out via an audio element.</p>

<p>Press Call and listen to the Opus-encoded audio file. Press any key to mix in a short drum sound. </p>

<p>For more information, see <a href="https://www.html5rocks.com/en/tutorials/webrtc/basics/" title="HTML5 Rocks article about WebRTC by Sam Dutton">Getting Started With WebRTC</a> and <a href="https://www.html5rocks.com/en/tutorials/webaudio/intro/" title="HTML5 Rocks tutorial: Getting started with the Web Audio API">Getting started with the Web Audio API</a>.</p>

<p>The code for this example was adapted from a demo by Henrik Andreasson.</p>

<script src="js/main.js"></script>

<a href="https://github.com/samdutton/simpl/blob/gh-pages/webrtcwebaudio" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>

</div></body>
</html>
